<script setup lang="ts">
import { ref } from 'vue'
import Son from './son.vue'

const money = ref(100)
</script>
<!-- 
  1. 在vue3中 .snyc修饰符已被废弃
  2. 被 v-model:属性名 = '属性值' 代替 => 子组件通过 update: 事件名
    <Son v-model:modelValue='属性值'></Son>    emit('updata:modelValue', 值)

  3. 简写 v-model='属性值'  子组件 emit('updata:modelValue', 值)
 -->

<template>
  <div style="border: 1px solid #000; padding: 20px">
    我是父组件
    <Son v-model="money"></Son>
    <Son v-model:modelValue="money"></Son>
  </div>
</template>

<style scoped></style>
